<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Form</title>
</head>
<!--
    + form标签,表单标签,其内部用于定义可以让用户输入信息的表单项标签
    + action, form标签的属性之一,用于定义信息提交的服务器的地址
    + method, form标签的属性之一,用于定义信息的提交方式
        + get    get方式, 数据会缀到url后,以?作为参数开始的标识,多个参数用&隔开
        + post  post方式,数据会通过请求体发送,不会在缀到url后

+ input标签,主要的表单项标签,可以用于定义表单项
    + name, input标签的属性之一,用于定义提交的参数名
    + type, input标签的属性之一,用于定义表单项类型
        + text   文本框 
                 readonly="true" 只读
                 disabled="true" 不提交
        + password 密码框
        + submit 提交按钮
        + reset    重置按钮
        + radio 单选框，name属性值相同，则会有互斥效果，
                       通过value属性来区分
                       checked="true" 默认选中
        + checkbox 复选框  name属性值相同，没有互斥效果，
                          通过value属性来区分
                          checked="true" 默认选中
        + hidden 隐藏域 不显示在页面上，提交时会携带
        + file 文件上传 
+ textArea 文本域、多行文本框
+ select 下拉框 name 
        + option 选项
                 selected 默认选中

                 
-->
<body>
    <form action="table.html" method="get">
        <div>
            姓名:<input type="text" name="name">
        </div>
        <div>
            密码:<input type="password" name="pass">
        </div>
        <div>
            性别:<input type="radio" name="sex" value="1" checked="true">男
                 <input type="radio" name="sex" value="2">女    
        </div>
        <div>
            兴趣:<input type="checkbox" name="interset" value="1"> 足球
                <input type="checkbox" name="interset" value="2"> 蓝球
                <input type="checkbox" name="interset" value="3"> 排球
                <input type="checkbox" name="interset" value="4"> 网球
        </div>
        <div>
            文件上传:<input type="file">
        </div>
        <div>
            隐藏炸弹:<input type="hidden" name="hidden" value="gwc">
        </div>
        <div>
            <textarea>hahaha</textarea>
        </div>
        国籍:
        <select>
            <option>美</option>
            <option>英</option>
            <option>法</option>
            <option selected="true">中</option>
        </select>
        <div>
            <input type="submit" name="submit" value="submit">
            <input type="reset" name="reset" value="reset">
        </div>    
        
    </form>
</body>
</html>